<template>
	<view>
	<!-- 审核失败 -->
		<view v-if="isdisplay == 1">
			<view class="image"><img src='../../../static/shen/Slice 84@2x.png' /></view>
			<view class="title">审核失败</view>
			<view class="text">很遗憾，您的授信审核未通过建议您<text>30</text>天后再试</view>
			<view class="bnt">
				<view class="" @click="HomepageBtn">返回我的首页</view>
				<view class="bnt_jie" @click="borrowingFn()">立即借款</view>
			</view>
		</view>
		<!-- 额度审核中 -->
		<view v-if="isdisplay == 2">
			<view class="image image1"><img src='../../../static/shen/Slice 85@2x.png' /></view>
			<view class="title">额度审核中</view>
			<view class="text">预计<text>60s</text>内完成审核<br/>审核完成后将发送短信通知</view>
			<view class="bnt1">
				<view class="HomeClass" @click="HomepageBtn">返回首页</view>
			</view>
			<view class="text2">退出当前页面不会影响结果</view>
		</view>
		<!-- 审核通过 -->
		<view v-if="isdisplay == 3">
			<view class="image image2"><img src='../../../static/shen/Slice 86@2x.png' /></view>
			<view class="title">审核通过</view>
			<view class="text">恭喜您额度审核成功<br/>快去提现吧</view>
			<view class="bnt">
				<view class="" @click="HomepageBtn">返回首页</view>
				<view class="bnt_jie">立即体现</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				isdisplay:2,
			}
		},
		methods:{
			HomepageBtn(){
				
				uni.switchTab({
					url: '/pages/message/message'
				});
			},
			borrowingFn(){
				console.log('000000')
				uni.navigateTo({
					url: '/pages/bank/borrowing'
				});
				
			}
		}
	}
</script>

<style>
	.image{
		width: 172rpx;
		height: 172rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0 auto;
		/* margin-top: 144rpx; */
		padding-top: 144rpx;
		margin-bottom: 84rpx;
		text-align: center;
		img{
			width: 100%;
		}
	}
	.title{
		/* width: 192rpx; */
		height: 68rpx;
		
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 48rpx;
		color: #333333;
		line-height: 56rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
		margin-bottom: 48rpx;
	}
	.text{
		width: 512rpx;
		height: 100rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 36rpx;
		color: #666666;
		line-height: 50rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
		margin: 0 auto;
		margin-bottom: 80rpx;
		text{
			color: blue;
		}
	}
	.bnt{
		display: flex;
		margin-left: 60rpx;
		view{
			width: 300rpx;
			height: 100rpx;
			border-radius: 52rpx 52rpx 52rpx 52rpx;
			border: 2rpx solid #0063FE;
			text-align: center;
			line-height: 100rpx;
			color: blue;
			margin-right: 30rpx;
			font-size: 32rpx;
		}
		.bnt_jie{
			width: 300rpx;
			height: 100rpx;
			color: #fff;
			background: #0063FE;
			border-radius: 52rpx 52rpx 52rpx 52rpx;
		}
	}
	.bnt_jie{
		width: 300rpx;
		height: 100rpx;
		color: #fff;
		background: #0063FE;
		border-radius: 52rpx 52rpx 52rpx 52rpx;
	}
	.HomeClass{
		width: 598rpx;
		height: 100rpx;
		background: #0063FE;
		border-radius: 52rpx 52rpx 52rpx 52rpx;
		margin: 0 auto;
		color: #fff;
		text-align: center;
		font-size: 32rpx;
		line-height: 100rpx;
	}
	.text2{
		height: 40rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #999999;
		line-height: 33rpx;
		text-align: center;
		margin-top: 30rpx;
	}
	.image1{
		/* background: linear-gradient( 175deg, #FEC600 0%, #FE8900 100%); */
	}
	.image2{
		/* background: linear-gradient( 175deg, #2288FF 0%, #2253FF 100%); */
	}
	
</style>